.dark {
    // 暗黑主题
    --dark-theme: rgba(16, 16, 20, 1);
    --dark-theme-text: #f0f0f0;
    --dark-theme-color: rgba(255, 255, 255, 0.9);
    --dark-theme-card: rgb(24, 24, 28);
    // 亮色主题
    --light-theme: #f0f0f0;
    --light-theme-text: #121212;
    // 主题切换
    --theme: var(--default-theme);
    background-color: var(--dark-theme) !important;
    color: var(--dark-theme-color) !important;

    .user-container {

        .username {
            color: rgba(255, 255, 255, 0.82) !important;
        }
    }

    .container-message {
        .message-input {
            input {
                background-color: rgba(255, 255, 255, 0.1) !important;
            }
        }
    }

    v-deep .n-data-table-table {
        background-color: red !important;
    }

    .n-layout-sider {
        background-color: var(--dark-theme) !important;
    }

    .n-layout-header {
        background-color: var(--dark-theme) !important;
    }

    .n-layout-content {
        background-color: var(--dark-theme) !important;
    }

    .n-layout-footer {
        background-color: var(--dark-theme) !important;
    }

    .n-input {
        background-color: rgba(255, 255, 255, 0.1) !important;
    }

    .n-input .n-input__input-el,
    .n-input .n-input__textarea-el {
        color: rgba(255, 255, 255, 0.82) !important;
    }

    .n-input .n-input__border {
        border: #0000 !important;
    }

    .n-divider:not(.n-divider--dashed) .n-divider__line {
        background-color: rgb(45, 45, 48, 1) !important;
    }

    .n-tabs {
        .n-tabs-tab {
            color: rgba(255, 255, 255, 0.82) !important;
        }

        .n-tabs-rail {
            background-color: rgba(255, 255, 255, 0.1) !important;
        }

        .n-tabs-rail .n-tabs-capsule {
            background-color: rgba(255, 255, 255, 0.1) !important;

        }

    }

    .n-drawer {
        background-color: var(--dark-theme) !important;
    }

    .n-drawer-header {
        border-bottom: 1px solid rgb(45, 45, 48, 1) !important;
        color: rgb(213, 213, 214, 1) !important;
    }

    .n-upload-dragger {
        background-color: rgba(255, 255, 255, 0.06) !important;
        border: 1px dashed rgba(255, 255, 255, 0.24) !important;
    }

    // ---

    .basic-container {
        background-color: var(--dark-theme) !important;
        color: var(--default-theme-text) !important;

        .scroll-box {
            background-color: transparent;
        }

        .main-title {
            color: rgb(213, 213, 214, 1) !important;
        }

        .content-box {
            background-color: #181818;
            color: var(--dark-theme-color) !important;

            .title {
                color: #e8e8e8 !important;
            }

            // .row-main {
            //     // border-bottom: 1px solid rgb(45, 45, 48, 1);
            // }
        }
    }

    .container-details {
        background-color: var(--dark-theme) !important;

        .header-row {
            color: rgba(255, 255, 255, 0.82) !important;
        }

        .content .avaterName {
            color: #bd6174 !important;
        }

        .content p {
            margin-top: 5px;
            margin-bottom: 5px;
            color: #b6b6b6 !important;
        }

    }

    .comment-container {
        background-color: rgba(24, 24, 28, 1) !important;
        color: rgba(255, 255, 255, 0.82) !important;
    }

    .bg {
        background-color: #1e1f20 !important;
    }

    #app {
        background-color: var(--dark-theme) !important;
    }

    .footer-container {
        background-color: #18181c !important;
    }

    .Masking {
        background-color: transparent !important;
    }

    .register {
        // background-color: #1e1f20 !important;

        .title {
            color: rgba(255, 255, 255, 0.82) !important;
        }
    }

    .avaterName {
        color: rgb(230, 94, 94) !important;
    }

    // .active-row {
    //     background: rgb(45, 45, 48) !important;
    //     transition: 2s linear !important;
    // }

    .bg-active {
        background-color: #252424 !important;
    }

}